
<div id="thongKe" class="menu-tab" data-tab="thongke">

    <h1 class="label-bigwhite-1 thongke">Thông kê số</h1>

    <div class="content">
        <form id="frmPlayerBetHistory" class="sodedate">

            <div id="thongKeDateProvince" class="selectedbox">
                <select name="thongKeDateProvince">
                    <option value="B">Miền Bắc</option>
                    <option value="T">Miền Trung</option>
                    <option value="N">Miền Nam</option>
                </select>
            </div>
            <span>Số: </span>
            <input id="thongKeDateNum" type="text" name="thongKeDateNum" value=""/>

            <span>Từ ngày: </span>
            <input type="text" value="" id="thongKeSoDeDateFrom" name="thongKeDateFrom"/>
            <span>Tới ngày: </span>
            <input type="text" value="" id="thongKeSoDeDateTo" name="thongKeDateTo"/>
            <input class="button-red-1" type="button" name="submit" value="Xem Thống Kê"/>

        </form>
        <div id="tableThongKeSo"></div>
    </div>

</div>

<script>
    handleSelectedBox();
    initThongKeSoDeDateRange();
    showListThongKeSo();

    function initThongKeSoDeDateRange() {
        $("#thongKeSoDeDateFrom").datepicker({
            dateFormat: "dd-mm-yy",
            monthNamesShort: ["Tháng 01", "Tháng 02", "Tháng 03", "Tháng 04", "Tháng 05", "Tháng 06", "Tháng 07", "Tháng 08", "Tháng 09", "Tháng 10", "Tháng 11", "Tháng 12"],
            dayNamesMin: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
            firstDay: 1,
            changeMonth: true,
            changeYear: true,
            numberOfMonths: 1,
            onClose: function(selectedDate) {
                $("#thongKeSoDeDateTo").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#thongKeSoDeDateTo").datepicker({
            dateFormat: "dd-mm-yy",
            monthNamesShort: ["Tháng 01", "Tháng 02", "Tháng 03", "Tháng 04", "Tháng 05", "Tháng 06", "Tháng 07", "Tháng 08", "Tháng 09", "Tháng 10", "Tháng 11", "Tháng 12"],
            dayNamesMin: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
            firstDay: 1,
            changeMonth: true,
            changeYear: true,
            numberOfMonths: 1,
            onClose: function(selectedDate) {
                $("#thongKeSoDeDateFrom").datepicker("option", "maxDate", selectedDate);
            }
        });
    }
    function showListThongKeSo() {
        $('#frmPlayerBetHistory [name="submit"]').click(function() {
            $.ajax({
                url: 'thongke.php',
                type: 'GET',
                data: {
                    action: 'SHOWLISTTHONGKE',
                    from: $('#frmPlayerBetHistory [name="thongKeDateFrom"]').val(),
                    to: $('#frmPlayerBetHistory [name="thongKeDateTo"]').val(),
                    provinceID: $('#frmPlayerBetHistory [name="thongKeDateProvince"]').val(),
                    num: $('#frmPlayerBetHistory [name="thongKeDateNum"]').val()
                },
                beforeSend: function() {
                    mb.createloadingTable1('#tablePlayerBetHistory');
                },
                success: function(data) {
                    $('#tableThongKeSo').html(data);
                },
                complete: function() {
                    mb.destroyloadingTable1();
                }
            });
        });
    }
</script>